
.bg-purple-dark {
    min-height: 390px;
    background-color: #fff;
    margin-bottom: 10px;
    position: relative;
    .cardInformation {
      height: 40px;
      display: flex;
      align-items: center;
      padding-top: 30px;
      padding-left: 30px;
      position: relative;
      .blueIcon {
        width: 6px;
        height: 30px;
        background-color: #5496f2;
      }
      .dataName {
        font-size: 16px;
        margin-left: 10px;
        color: #2b333e;
        font-weight: 600;
      }
      .recentlyDay {
        font-size: 14px;
        color: #b6b6b6;
        margin-left: 10px;
      }
      .statisticsTime{ // 统计时间
        width: 38vw;
        font-size: 1vw;
        .intervalTime{
          width: 28vw;
        }
      }
      .moreThan{
        position: absolute;
        right: 42px;
        cursor: pointer;
      }
    }
    .card-filters{
      display: flex;
      align-items: center;
      .el-menu-demo{ // 导航
        width: 284px;
        height: 30px;
        margin-top: 26px;
        margin-left: 32px;
          .el-menu-item{
              height: 30px;
              line-height: 35px;
          }
          .el-menu--horizontal>.el-menu-item{
            line-height: 35px;
          }
          .el-menu .el-menu-item.is-active{
              height: 50px;
          }
      }
      .time-filter {
        padding-left: 30px;
        display: flex;
        align-items: center;
        width: 36vw;
        font-size: 1vw;
        margin-top: 26px;
        .intervalTime{
            width: 28vw;
          }
      }
    }
    
    .monitoringCardUl { // 指标卡
        margin: 20px 10px 0 20px;
        width: 34%;
        float: left;
        .monitoringCardList {
          width: 45%;
          height: 120px;
          display: inline-block;
          background-color: #f7f8fa;
          margin-left: 10px;
          margin-bottom: 10px;
          .monitoringCardTxt {
            color: #6b6b6b;
            font-size:0.9vw;
            margin: 20px 0 0 24px;
            display: inline-block;
          }
          .monitoringCardNum {
            margin: 10px 0 0 24px;
            font-size: 2vw;
            color: #2b333e;
          }
        }
    }
    .cardActive{ // 进度条
      margin: 20px 10px 0 20px;
      width: 58%;
      height: 250px;
      float: left;
      background-color: #f7f8fa;
      .title{
        font-size: 14px;
        color: #2B333E;
        margin: 10px 0 0 10px;
      }
      .isActive, .isAormancy{
        display: flex;
        float: left;
        width: 45%;
        height: 206px;
        margin: 10px;
        .subTitle{
          width: 10%;
          background-color: #5496F2;
          line-height: 198px;
          color: #fff;
          font-weight: 600;
          text-align: center;
        }
        .firmList{
          height: 206px;
          padding: 10px;
          background-color: #e5edf8;
          width: 100%;
          overflow-y: scroll;
          .firmLi{
            position: relative;
            .firmName{
              margin-top: 6px;
              font-size: 14px;
            }
            .firmTime{
              position: absolute;
              top: -1px;
              right: 5px;
              font-size: 14px;
            }
          }
          .progress >>> .el-progress-bar__outer{
            border-radius: 0;
            .el-progress-bar__inner{
              border-radius: 0;
            }
          }
        }
        .firmList::-webkit-scrollbar {
          display: none;/*隐藏滚动条*/
        }
      }
      .isAormancy{
        .subTitle{
          background-color: #FFB35D;
        }
        .firmList{
          background-color: #f7f0e9;
      }
    }
      .isDormancy{
        display: inline-block;
      }
    }
    .dataBox {
        padding: 25px;
        position: relative;
    }
    .ve-chart{
        margin-top: 20px;
    }
}
